<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网易笔试</title>
    <style>
        *{
            margin:0;padding:0;
        }
        .main{
            width: 100%;
            height: 100px;
            border:1px solid #e8e8e8;

        }
        .header{
            overflow: hidden;
        }
        ul{
            background-color: #eee;
            height:25px;
        }
        ul li{
            list-style-type:none;
            height: 25px;
            line-height: 25px;
            font-family: "微软雅黑";
            font-size: 12px;
            width:70px;
            float:left;
            background-color: #eee;
            padding:0 20px;
            border-right:1px solid #000;
            
        }
        li:hover{
            background-color: #fff;
        }
        
        .content{
            margin:0 auto;
            text-align: center;
            padding:20px 20px;          
        }
        article{
            display: none;
        }
        .selected{
            display: block;
        }
    </style>
</head>
<body>
    <div class="main">
        <header class="header">
            <ul>
                <li>网易课堂</li>
                <li>学习计划</li>
                <li>技能测试</li>
            </ul>
        </header>
        <section class="content">
            <article class="tab1 selected">网易1111111</article>
            <article class="tab2">学习1111111</article>
            <article class="tab3">技能1111111</article>
        </section>
    </div>
</body>
<script>
    var ul = document.getElementsByTagName('ul')[0];

    var li = document.getElementsByTagName('li');
    for(var i=0,l=li.length;i<l;i++){
        
        addevent(li[i],mousemove,function(e){
            e = e||window.event;
            var target = e.target ||e.srcElement;
            if(target.nodeName.LowerCase() == "li"){
                
            }
        })
    }




    function addevent(ele,type,fn){
        if(ele.addEventListener){
            ele.addEventListener(type,fn,false);
        }else{
            ele.attachEvent('on'+type,fn);
        }
    } 

    function getevent(e){
        e=e||window.event;
    }

</script>
</html>